<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link type="text/css" rel="stylesheet" th:href="@{/css/style.css}"/>
        <!--&lt;!&ndash;[if IE 6]>-->
        <!--<script th:src="@{/js/iepng.js}" type="text/javascript"></script>-->
        <!--<script type="text/javascript">-->
        <!--    EvPNG.fix('div, ul, img, li, input, a');-->
        <!--</script>-->
        <!--<![endif]&ndash;&gt;-->
        <script type="text/javascript" th:src="@{/js/jquery-1.11.1.min_044d0927.js}"></script>
        <script type="text/javascript" th:src="@{/js/jquery.bxslider_e88acd1b.js}"></script>
        <script type="text/javascript" th:src="@{/js/jquery-1.8.2.min.js}"></script>
        <script type="text/javascript" th:src="@{/js/menu.js}"></script>
        <script type="text/javascript" th:src="@{/js/select.js}"></script>
        <script type="text/javascript" th:src="@{/js/lrscroll.js}"></script>
        <script type="text/javascript" th:src="@{/js/iban.js}"></script>
        <script type="text/javascript" th:src="@{/js/fban.js}"></script>
        <script type="text/javascript" th:src="@{/js/f_ban.js}"></script>
        <script type="text/javascript" th:src="@{/js/mban.js}"></script>
        <script type="text/javascript" th:src="@{/js/bban.js}"></script>
        <script type="text/javascript" th:src="@{/js/hban.js}"></script>
        <script type="text/javascript" th:src="@{/js/tban.js}"></script>
        <script type="text/javascript" th:src="@{/js/lrscroll_1.js}"></script>
        <title>尤洪/王泽水</title>
        <script type="text/javascript" th:inline="javascript">
            //获取协议名称
            var scheme = [[${#request.getScheme()}]];
            //获取服务器名称
            var serverName = [[${#request.getServerName()}]];
            //获取服务器端口号
            var serverPort = [[${#request.getServerPort()}]];
            //获取上下文根
            var contextPath = [[${#request.getContextPath()}]]
            var allPath = scheme + "://" + serverName + ":" + serverPort + contextPath;

            $(function () {

                //页面加载完毕后,将用户文本框中的内容清空
                $("#username").val();

                //在页面加载完毕后,让用户的文本框自动获得焦点
                $("#username").focus();

                //为登录提交按钮绑定事件
                $("#submitBtn").click(function () {
                    login();
                })

                //为当前登录页窗口绑定键盘敲击事件
                $(window).keydown(function (event) {
                    if (event.keyCode === 13) {
                        login();
                    }
                })

            })


            function login() {

                //判断账号密码输入是否为空
                var username = $.trim($("#username").val());
                var password = $.trim($("#password").val());

                if (username === "" || password === "") {
                    $("#msg").html("用户名或密码不能为空");

                    return false;
                }
                $.ajax({
                    url: allPath + "/user/login.do",
                    data: {
                        "username": username,
                        "password": password
                    },
                    type: "post",
                    dataType: "json",
                    success: function (data) {

                        if (data.success) {
                            window.location.href = allPath + "/Index.do";
                        } else {
                            $("#msg").html(data.msg);
                        }
                    }
                })


            }

        </script>
    </head>
    <body>
        <!--Begin Header Begin-->
        <div class="soubg">
            <div class="sou">
        <span class="fr">
        	<span class="fl">你好，请<a th:href="@{/Login.do}">登录</a>&nbsp; <a th:href="@{/Register.do}"
                                                                           style="color:#ff4e00;">免费注册</a>&nbsp; </span>
            <span class="fl">|&nbsp;关注我们：</span>
            <span class="s_sh"><a href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span>
            <span class="fr">|&nbsp;<a href="#">手机版&nbsp;<img th:src="@{/images/s_tel.png}"/></a></span>
        </span>
            </div>
        </div>
        <!--End Header End-->
        <!--Begin Login Begin-->
        <div class="log_bg">
            <div class="top">
                <div class="logo"><a th:href="@{/Index.do}"><img th:src="@{/images/logo.png}"/></a></div>
            </div>
            <div class="login">
                <div class="log_img"><img th:src="@{/images/l_img.png}" width="611" height="425"/></div>
                <div class="log_c">
                    <form>
                        <table border="0" style="width:370px; font-size:14px; margin-top:30px;" cellspacing="0"
                               cellpadding="0">
                            <tr height="50" valign="top">
                                <td width="55">&nbsp;</td>
                                <td>
                                    <span class="fl" style="font-size:24px;">登录</span>
                                    <span class="fr">还没有商城账号，<a th:href="@{/Register.do}"
                                                                style="color:#ff4e00;">立即注册</a></span>
                                </td>
                            </tr>
                            <tr height="70">
                                <td>用户名</td>
                                <td><label>
                                    <input type="text" value="" class="l_user" name="username" id="username"/>
                                </label></td>
                            </tr>
                            <tr height="70">
                                <td>密&nbsp; &nbsp; 码</td>
                                <td><label>
                                    <input type="password" value="" class="l_pwd" name="password" id="password"/>
                                </label></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><span id="msg" style="color: red"></span></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td style="font-size:12px; padding-top:20px;">
                	            <span style="font-family:'宋体';" class="fl">
                    	            <label class="r_rad"><input type="checkbox" checked/></label><label class="r_txt">请保存我这次的登录信息</label>
                                </span>
                                    <span class="fr"><a href="#" style="color:#ff4e00;">忘记密码</a></span>
                                </td>
                            </tr>
                            <tr height="60">
                                <td>&nbsp;</td>
                                <td><input type="button" id="submitBtn" value="登录" class="log_btn"/></td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>
        <!--End Login End-->
        <!--Begin Footer Begin-->
        <div class="btmbg">
            <div class="btm">
                备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 ,
                Technical Support: Dgg Group <br/>
                <img th:src="@{/images/b_1.gif}" width="98" height="33"/><img th:src="@{/images/b_2.gif}" width="98"
                                                                              height="33"/>
                <img th:src="@{/images/b_3.gif}" width="98" height="33"/><img th:src="@{/images/b_4.gif}" width="98"
                                                                              height="33"/>
                <img th:src="@{/images/b_5.gif}" width="98" height="33"/><img th:src="@{/images/b_6.gif}" width="98"
                                                                              height="33"/>
            </div>
        </div>
        <!--End Footer End -->

    </body>


    <!--&lt;!&ndash;[if IE 6]>-->
    <!--<script src="//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js"></script>-->
    <!--<![endif]&ndash;&gt;-->
</html>

